<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
		   .radio-inline input[type=radio] {
            margin-top: 4px
        }
    </style>
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color padding-10">TI核销原申请文件列表</h1>
    </div>
    <!-- 标题 -->
    <div>
    <form action=""  class="form-inline">
      <table class="row-margin-top tab-content table-bordered  table " border="1">
          <tr>
            <td class="font-bold" colspan="2">您选择的经销商是：东菀市宝多丰贸易有限公司<a href="add_ticostapply.html" class="btn btn-info" style="margin-left: 10px">点击更换经销商
            </a></td>
          </tr>
          <tr>
			<td class="font-bold">您选择本次需核销的申请单:</td>
			<td class="text-right">
			 <label class="radio-inline">
              <input type="radio" name="inlineRadioOptionse" id="inlineRadio1" value="option1" >仅显示可核销申请单
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptionse" id="inlineRadio2" value="option2">显示所有申请单
            </label>
			</td>
          </tr>
      </table>
      <table class="table row-margin-top table-bordered text-center bud_hei">
          <tr class="info text-center">
            <td class="text-center" rowspan="2">序号</td>
            <td class="text-center" rowspan="2">申请单编号</td>
            <td class="text-center" rowspan="2" style="min-width: 200px;width: 200px">活动主题</td>
            <td class="text-center" rowspan="2">申请时间</td>
            <td class="text-center" rowspan="2">申请人</td>
            <td class="text-center" rowspan="2">已批准</td>
            <td class="text-center" rowspan="2">已核销</td>
            <td class="text-center" colspan="2">未核销</td>
            <td class="text-center" rowspan="2">当前可核销</td>
            <td class="text-center" rowspan="2">操作</td>
            <td class="text-center" rowspan="2"><input type="checkbox" id="checkAll" class="form-control"></td>
          </tr>
          <tr class="info text-center">
              <td>申请中</td>
              <td>未申请</td>
          </tr>
          <tr>
          	<td>1</td>
          	<td>201609140007</td>
          	<td>东莞宝多丰2016年中秋费用申请</td>
          	<td>2016-09-18</td>
          	<td>周锦超</td>
          	<td class="ObjectNum text-right">101895</td>
          	<td class="ObjectNum text-right">90087</td>
          	<td class="ObjectNum text-right">0</td>
          	<td class="ObjectNum text-right">11808</td>
          	<td class="ObjectNum font-bold text-right">11808</td>
          	<td class="font-bold"><button class="btn-info btn setBtn">设置为不予核销</button></td>
          	<td><input type="checkbox" name="items" class="form-control"></td>
          </tr>
           <tr>
          	<td>2</td>
          	<td>201609140007</td>
          	<td>东莞宝多丰2016年中秋费用申请</td>
          	<td>2016-09-18</td>
          	<td>周锦超</td>
          	<td class="ObjectNum text-right">101895</td>
          	<td class="ObjectNum text-right">90087</td>
          	<td class="ObjectNum text-right">0</td>
          	<td class="ObjectNum text-right">11808</td>
          	<td class="ObjectNum font-bold text-right">11808</td>
          	<td class="font-bold"><button class="btn-info btn setBtn">设置为不予核销</button></td>
          	<td><input type="checkbox" name="items" class="form-control"></td>
          </tr>
           <tr>
          	<td>3</td>
          	<td>201609140007</td>
          	<td>东莞宝多丰2016年中秋费用申请</td>
          	<td>2016-09-18</td>
          	<td>周锦超</td>
          	<td class="ObjectNum text-right">101895</td>
          	<td class="ObjectNum text-right">90087</td>
          	<td class="ObjectNum text-right">0</td>
          	<td class="ObjectNum text-right">11808</td>
          	<td class="ObjectNum font-bold text-right">11808</td>
          	<td class="font-bold"><button class="btn-info btn setBtn">设置为不予核销</button></td>
          	<td><input type="checkbox" name="items" class="form-control"></td>
          </tr>
          <tr class="trTotal text-right">
          	<td colspan="5">合计：</td>
          	<td class="trTotal_pz ObjectNum">737651</td>
          	<td class="trTotal_verify ObjectNum">518276.13</td>
          	<td class="trTotal_applying ObjectNum">0</td>
          	<td class="trTotal_noapply ObjectNum">219374.87</td>
          	<td class="trTotal_allowVerify ObjectNum font-bold">219374.87</td>
          	<td></td>
          	<td></td>
          </tr>
          <tr>
			<td colspan="12" class="text-left">
				核销类型：
			<label class="radio-inline">
              <input type="radio" name="inlineRadioOptions" id="inlineRadio11" value="option12" >按活动整单核销
            </label>
             <label class="radio-inline">
                  <input type="radio" name="inlineRadioOptions" id="inlineRadio22" value="option22">按活动明细核销
            </label>
			</td>
          </tr>
      </table>
    <p>注：<br>
      (1)上表金额单位："元"。<br>
      (2)此表中只体现"可核销金额>0"的申请单。<br>
      (3)"可核销金额"指的是符合公司规定的核销条件，且仍未进行核销的金额。如公司规定的未反馈、未核查、超过核销规定期限等的费用均不属于"可核销金额"的范畴。<br>
      (4)点击"设置为不予核销"则释放该申请单的"可核销金额"至预算池，该申请单不再支持核销。<br>
      (5)"可核销金额"小于"未申请金额"，则代表该申请中存在"未反馈"、"反馈中"、"未核查"或"已锁定"的情况。
    </p>
      <div class="row sub_btn" style="width:100%;text-align:center;padding: 10px 0">
        <input type="button" class="btn btn-success" id="subBtn" value="确认提交">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()" style="margin-left: 20px">
    </div>
   </form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

     <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
       <script src="__STATIC__/layout/js/common.js"></script>
    <!--统计代码，可删除-->
    <script>
    	 $(document).ready(function(){
            var $ObjectNum =$(".ObjectNum");
               toNum($ObjectNum);

          /*确认提交*/
          $("#subBtn").click(function(){

           var val=$('input:radio[name="inlineRadioOptions"]:checked').val();
            var $items = $("[name=items]:checkbox");
            if(val==null){
                sweetAlert("", "请选择核销类型！", "warning");
            }
            else if($items.filter(':checked').length < 1){
               sweetAlert("", "请选择原申请文件！", "warning");
            }else{
              return false;
            }
          });
          /*checkbox选择*/
            $("#checkAll").click(function() {

            $("[name=items]:checkbox").prop("checked", $(this).prop("checked"));
            if ($("[name=items]:checkbox").prop("checked") != true) {
                // console.log($(this))
                $("[name=items]:checkbox").parents("tr").css("backgroundColor", "#fff")
            } else {
                $("[name=items]:checkbox").parents("tr").css("backgroundColor", "#f8f800")

            }
        })
        $("[name=items]:checkbox").click(function() {
            //定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提高程序效率
            // console.log(1)
            var $tmp = $("[name=items]:checkbox");
            if ($(this).prop("checked") != true) {
                // console.log($(this))
                $(this).parent().parent().css("backgroundColor", "#fff")
            } else {
                $(this).parent().parent().css("backgroundColor", "#f8f800")

            }
            //用filter()方法筛选出选中的复选框，并直接给CheckedAll赋值
            $("#checkAll").prop('checked', $tmp.length == $tmp.filter(':checked').length);

          })
            })
    </script>
</body>

</html>
